﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
<link href="css/public.css" rel="stylesheet" type="text/css">
<link href="css/login.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.7.2.min.js" language="javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
</head>

<body>
    <div class="loBg">
        <div class="subBg"></div>
    </div>
    <div class="login">
        <div class="loTit">
            <p class="logo">
                <img src="images/loLogo.png" alt="logo"/>
            </p>
            <p class="subLogo">
                <img src="images/loSubLogo.png" alt="logo"/>
            </p>
        </div>
        <div class="loCt fix">
            <div class="fL loAd">
                <img src="images/loAd.png" alt="ad"/>
            </div>
            <div class="loBox">
                <div class="lTit">
                    用户登录
                </div>
                <div class="lForm">
                    <p class="lTxt lTxtUser">
                        <input class="lTxtPut" type="text" placeholder="用户名"/>
                    </p>
                </div>
                <div class="lForm">
                    <p class="lTxt lTxtPsw">
                        <input class="lTxtPut" type="password" placeholder="密码"/>
                    </p>
                </div>
                <div class="lForm">
                    <p class="jCheckbox">
                        <span class="jCkbIco active"></span>
                        <span>下次自动登录</span>
                        <input type="checkbox" value="自动登录"/>
                    </p>
                    <a href="#" class="btnHelp">帮助提示？</a>
                </div>
                <div class="lBtnBox">
                    <a href="javascript:;" class="lBtn">登录</a>
                </div>
            </div>
        </div>
        <div class="loTips">
            <p class="loTipsTit">温馨提示：</p>
            <p>1、请不要在公共场所或公用计算机上使用网上银行。</p>
            <p>2、使用网上银行后，请点击页面右上角"安全退出"按钮退出。</p>
            <p>3、建议将显示器分辨率设置为 1024 * 768 或以上进行浏览。</p>
            <p>4、企业网银系统现支持WinXP、Win7、Win8操作系统，IE浏览器版本支持IE6（32位）、IE7（32位）、IE8（32位）、IE9（32位）、IE10（32位）。</p>
        </div>
        <div class="loFoot">
            版权所有 © 神州互联科技公司
        </div>
    </div>
</body>
<script>
    $(function(){
        $(".jCheckbox").on("click",function(){
            var $t = $(this),
                    $tIco = $t.children(".jCkbIco"),
                    $tCbk = $t.children("input[type='checkbox']");
            $tIco.toggleClass("active");
            if($tIco.hasClass("active")){
                $tCbk.attr("checked",true);
            }else{
                $tCbk.attr("checked",false);
            }
        })
    })
</script>
</html>
